/*@import url("font/fonts.css");*/

/*Common*/


body,input,textarea,select,button,table,label { font-family: 'SD Gothic Neo','Malgun Gothic','나눔고딕',NanumGothic,'돋움',dotum,Helvetica,sans-serif; font-size:12px; color: #333;}
.clear { clear: both; }
.height10 { height: 5px; }
input { vertical-align:  middle !important;}

select { 

line-height: 20px;
height: 24px;
padding: 2px 5px;
border: 1px solid #ddd;
font-size: 12px;
color: #666;
border-radius: 3px;
}


img { vertical-align: middle; }

/*Layout*/

a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.full { width:100%; clear: both; }
.w680 {width:670px}
.w280 {width:280px}
.buttonM { display: inline-block; *display:inline; zoom:1;   height: 26px; text-indent: -9999px; overflow: hidden; border:none; cursor: pointer;}
.buttonS { display: inline-block; *display:inline; zoom:1;   height: 20px; text-indent: -9999px; overflow: hidden; border:none; cursor: pointer;}

.centerContent { width:980px; position: relative; margin: 0 auto; }
.menu {  }
.menu li {  display: inline-block; *display:inline; zoom:1;   }
.menu li a {  }
.imgBtn li a { display: inline-block; *display:inline; zoom:1; text-indent: -9999px; }

body { background: #fff; }

header { height: 110px; background:url(../images/top_bg.png) bottom repeat-x;  position: relative; z-index: 3;   }
header h1 { float: left; background: url(../images/logo.png) left no-repeat; }
header h1 a { width: 180px; height: 60px; display: block; text-indent: -9999px; overflow: hidden;  }
header .centerContent { background: url(../images/head_bg_n.png) right bottom no-repeat; width:990px; padding-left: 10px;   }


.hotCast { float: left; margin: 20px 10px; height: 20px; background: url(../images/icon_hot.png) left no-repeat; padding-left: 32px; }
.hotCast a { line-height: 20px; font-size: 14px;  }


#topSearch { float: left; margin-left: 20px; padding: 10px 0 0; *margin-left:10px;  }
#topSearch .searchBar { border: 0; height: 20px; line-height: 20px; padding: 5px 10px; width: 150px; margin-right: 10px;  display: inline-block; *display:inline; zoom:1; float: left; }
 
#searchWord { background:  url(../images/search_bar_keyword.png); }
#topSearch .searchBar:focus { background:  url(../images/search_bar.png); }
#topSearch .searchBtn { height: 30px; width:60px; border:none; background: url(../images/search_btn.png);  text-indent: -9999px; overflow: hidden; display: inline-block; *display:inline; zoom:1; float: left;}

#topLog { float: right; height: 20px; line-height: 20px; padding: 15px 10px 0; color: #ddd; position: relative;}
#topLog a { display: inline-block; *display:inline; zoom:1; color: #666; text-decoration: none; }
 

#topLog.logon { float: right; height: 20px; line-height: 30px; padding: 5px 10px; color: #ddd;}
#topLog.logon .thumbWrap { width:26px; height: 26px; display: inline-block; border:2px solid #fff; *display:inline; zoom:1; margin-right: 7px; line-height: 20px; }
#topLog.logon .thumbWrap img { width:26px; height: auto; vertical-align: middle; }
#topLog.logon a { color: #666; text-decoration: none; display: inline-block; *display:inline; zoom:1; position: relative;}
#topLog.logon span { color: #666; }
#topLog.logon .logInfo { font-weight: bold; color: #333; }


#topLog a.logoutBtn {  vertical-align: middle; width:40px; margin-right: 10px; height:13px; overflow:hidden; text-indent:-9999px;  background: url(../images/btn_logout.png) ;  }
#topLog a.loginBtn { vertical-align: middle; width:40px; margin-right: 10px; height:13px; overflow:hidden; text-indent:-9999px;  background: url(../images/btn_login.png) ;  }
#topLog a:hover { text-decoration: underline; }
#topLog a.headLogMoreBtn { padding-right: 12px; background: url(../images/log_arrow.png) right  no-repeat; }
#topLog a.headLogMoreBtn.on { background: url(../images/log_arrow_close.png) right  no-repeat; }
#topLog div.headLogMore { position: absolute; right:5px; top:32px; background: #eee; border:1px solid #ccc; padding: 5px 7px; line-height: 20px; }
#topLog div.headLogMore a { font-size: 11px; }


#selectLoc { padding: 13px 10px 13px 15px; line-height: 24px; height: 24px; width:155px; background:  url(../images/drop_bg.png); float: left;}
#selectLoc .opener { width:25px; height: 24px; overflow: hidden; display: block; zoom:1; background:  url(../images/loc_drop.png);  text-indent: -9999px; overflow: hidden; margin-left: 5px;  float: right; }
#selectLoc .opener.on { background-image: url(../images/loc_drop_on.png);  }
#selectLoc .location { text-decoration: none; color: #fff; font-size: 16px; text-shadow: 1px 0px 3px #983a00; font-weight: bold; float: left; letter-spacing: -1px; white-space: nowrap;}
#selectListWrap {  background: url(../images/bg.png);   width:100%;  overflow: hidden;   }
#selectList { position: relative; width: 990px;  border-bottom: 1px solid #fff; height: 336px; margin-top: -2px; padding-left: 10px; }

#selectList .stateWrap { width:160px; padding: 9px; border:1px solid #ed5a00; background: #ff7d2d; border-top:1px solid #ED5A00; border-bottom: none; float: left; height: 277px; }
#selectList .stateWrap ul {  }
#selectList .stateWrap ul li { display: inline-block; *display:inline; zoom:1; float: left;   }
#selectList .stateWrap ul li a { display: inline-block; *display:inline; zoom:1; float: left; width:70px; padding: 4px 0 4px 10px; line-height: 20px;color: #fff; text-shadow: 0px 1px 0px #b44a08; }
#selectList .stateWrap ul li.on a { background: url(../images/state_on.png);  font-weight: bold;  color: #fff; text-shadow: 0px 1px 0px #222;  }

#selectList .localWrap { width:540px;  padding: 9px 14px 9px 15px; border:1px solid #ccc; float: left; border-left: none; border-bottom: none; height: 277px; background: #ddd; }
#selectList .localWrap ul { display: block; float: left;   overflow: hidden; }
#selectList .localWrap ul li { display: inline-block; *display:inline; zoom:1; float: left; border-left: 1px solid #fff;   }
#selectList .localWrap ul li a { display: inline-block; *display:inline; zoom:1; float: left; width:160px; padding: 2px 0 2px 15px; line-height: 20px; }
#selectList .localWrap ul li.on { border-left:3px solid #ED5A00; }
#selectList .localWrap ul li.on a {font-weight: bold; color:#ED5A00; padding-left: 13px; }

#selectList .landmarkWrap { width:200px;  padding: 9px 14px 9px 15px; border-right:1px solid #ccc; float: left; height: 278px; background: #fff;  }
#selectList .landmarkWrap .title { line-height: 20px; padding: 2px; border-bottom:1px solid #ccc; }
#selectList .landmarkWrap .title span { font-weight: bold; color:#ED5A00; }
#selectList .landmarkWrap ul {padding: 10px 0 0;   display: block; height: 210px;  overflow-y: scroll; }
#selectList .landmarkWrap ul li { padding: 4px 2px 4px 15px; line-height: 20px; display: block; clear: both;  }
#selectList .landmarkWrap ul li a { display: inline-block; *display:inline; zoom:1; height: 20px;  float: left;}
#selectList .landmarkWrap ul li.on a { color:#333; font-weight: bold; }

#selectList .landmarkWrap ul li a.favoritePlace { width: 20px; height: 20px; background: url(../images/star.png) 0 0px no-repeat; cursor: pointer;}
#selectList .landmarkWrap ul li a.favoritePlace:hover { background: url(../images/star.png) 0 -20px no-repeat; }


 
.savePlace { padding: 9px 10px 9px 180px; height: 22px; background: url(../images/saved_place_bg.png); width: 790px; } 
.savePlace ul {  }
.savePlace ul li { float: left; padding-left: 30px;  }
.savePlace ul li a { float: left; display: inline-block; *display:inline; zoom:1; line-height: 22px; }
.savePlace a.editBtn { float: right; color: #999; }

.savePlace ul li.delete a { background: url(../images/delete.png) right no-repeat #fff; line-height: 20px; border:1px solid #ddd; padding: 0 20px 0 5px; border-radius: 3px;  }
.savePlace ul li.delete a:hover { border-color: #999; }
 
#topMenu { float: right; padding: 10px 10px 0; display: block; }
#topMenu .menu { margin-right: 10px; display: block;}
#topMenu .menu li { padding-left: 30px; height: 30px; float: left; display: block;}
#topMenu .menu li a { height: 30px; float: left; display: block; }
#topMenu .menu li.store a {  background:  url(../images/menu_top_store.png); width: 64px; }
#topMenu .menu li.coupon a { background:  url(../images/menu_top_coupon.png); width: 54px; }
#topMenu .menu li.talk a { background:  url(../images/menu_top_talk.png); width: 53px; }
#topMenu .menu li.people a { background:  url(../images/menu_top_people.png); width: 50px; }
#topMenu .menu li.cast a { background:  url(../images/menu_top_cast.png); width: 110px; }

#appDownLink { float: right; padding: 10px 0;}
#appDownLink a { width:120px; height: 30px; background: url(../images/top_appdown.png);  text-indent: -9999px; overflow: hidden; display: inline-block; *display:inline; zoom:1; } 
#appDownBanner { position: absolute; right: -84px; bottom: -180px; z-index: 99;}
#appDownBanner a { width: 64px; height: 148px; background: url(../images/appdown.png); text-indent: -9999px; display: inline-block; *display:inline; zoom:1; overflow: hidden; }

#mainBanner { border:1px solid #ccc; background: #fff; height: 198px; overflow: hidden;  }

#loginWrap { width:250px; padding: 14px; border: 1px solid #ccc; background: #eee; height: 170px; }
#loginWrap .loginBar { border: 0; height: 20px; line-height: 20px; padding: 8px 10px; width: 230px;   display: inline-block; *display:inline; zoom:1;   margin-bottom: 10px; }
#logID { background: url(../images/login_id.png); }
#logPW { background: url(../images/login_pw.png); }
#loginWrap .loginBar:focus { background:  url(../images/login_blank.png); }
#loginWrap button { display: inline-block; *display:inline; zoom:1; float: left; height: 40px; text-indent: -9999px; overflow: hidden; border:none; }
#loginWrap button.loginBtn {  background: url(../images/login_btn_log.png); width:95px; margin-right: 10px; }
#loginWrap button.fbBtn {  background: url(../images/login_btn_fb.png); width: 145px; }
#loginWrap .extras { text-align: center; margin-top: 10px; padding-top: 5px; border-top:1px dotted #ccc; color: #ccc;}
#loginWrap .extras a { color: #666; }

#loginWrap.logon {   }
#loginWrap.logon .thumbWrap { float: left;  }
#loginWrap.logon .thumbWrap img { width: 100px; height: auto;  margin-right: 10px; }
#loginWrap.logon .infoWrap { padding: 0;  }
#loginWrap.logon .infoWrap a { font-weight: bold; color: #333; font-size: 16px; }
#loginWrap.logon .infoWrap ul { padding-top: 3px; }
#loginWrap.logon .infoWrap ul li { padding-top: 3px; font-size: 12px; color: #666; }
#loginWrap.logon .infoWrap ul li b, #loginWrap.logon .infoLink ul li b { color: #ff6100; }
#loginWrap.logon .infoLink { padding: 10px 0 5px; text-align: center;  *padding-top:5px; }
#loginWrap.logon .infoLink ul { display: block; padding: 5px 0; height: 16px; border-radius: 3px; background: #eee; position: relative; border:1px solid #ddd; }
#loginWrap.logon .infoLink ul li {  display: inline-block; *display:inline; zoom:1; width: 24%; float: left; border-left:1px solid #ccc; } 
#loginWrap.logon .infoLink ul li.first-child { border:none; }
#loginWrap.logon { background: #fff; }
#loginWrap.logon .introWrap { padding: 0 5px; color: #666;}

h2.textTitle { padding: 0 10px 10px;}




#content { background: url(../images/bg.png); padding: 20px 0 30px; position: relative;   }
#content section { margin-bottom: 20px; position: relative; }
#content section h2 { padding-left: 10px; padding-bottom: 10px; overflow: hidden; display: inline-block; *display:inline; zoom:1; float: left; }
#content section h2 .searchTitle { font-size: 18px; padding-bottom: 10px; height: 30px; }
#content section h2 .searchTitle span { color: #FF6100; }
#content section h3 { padding-left: 10px;  display: block; float: left;   }
#content section .moreBtn { display: inline-block; *display:inline; zoom:1; float: right; margin-right: 10px; height: 20px; width: 60px; background: url(../images/btn_more.png);  text-indent: -9999px; overflow: hidden;  }
#content section .moreBtn2 { display: inline-block; *display:inline; zoom:1; float: right; margin-right: 10px; height: 20px; width: 60px; background: url(../images/btn_more2.png);  text-indent: -9999px; overflow: hidden;  }
#content section .editBtn2 { display: inline-block; *display:inline; zoom:1; float: right; margin-right: 10px; height: 20px; width: 60px; background: url(../images/btn_edit.png);  text-indent: -9999px; overflow: hidden;  }
#content section .editBtnWrap { padding: 10px 0 10px; }
#content section .editBtnWrap .editBtn2  { margin-right: 5px; margin-bottom: 10px;}



#content section .countWrap { float: left; padding: 0px 10px; margin: 0 0 5px 10px; border-left: 1px solid #ccc;  line-height: 20px;  font-size: 14px; color: #666;  }
#content section .countWrap b {  color: #FF6100;  }

#content.no-padding-top { padding-top: 0 ; }

.unitWrap.styleA { display: block; background: #fff; border:1px solid #ccc; clear: both;}
.unitWrap.styleA li { padding: 14px; display: block; border-top:1px solid #ddd; position: relative; clear: both; }
.unitWrap.styleA li.first-child { border:none; }
.unitWrap.styleA li .thumbWrap { float:left; margin-right: 10px;  }

.widgetStyleB { border:1px solid #ccc; background: #fff;  margin-bottom: 20px;} 

.widgetStyle { border:1px solid #ccc; background: #fff; padding: 9px; margin-bottom: 20px;} 
.widgetStyle .rankingList.styleA { padding: 0; border: 0; } 
.widgetStyle .rankingList.styleA li { width:260px; margin: 0; padding: 0; border: 0;  }

.galleryWidget { padding: 4px; background: #fff; }
.galleryWidget ul {   display: block; height:270px; }
.galleryWidget ul li { padding: 5px; display: block; float: left;  height:80px;  }
.galleryWidget ul li a { display: block; float: left; height:80px;  }
.galleryWidget ul li a img {float: left;}

.mapWidget {}
.mapWidget .bottom { padding: 4px 10px 7px;   border-top:1px solid #ccc; text-align: right;}
.mapWidget .bottom a { font-weight: bold; color: #333; }

.styleB { display: block; clear: both; width: 100%;  }
.styleB li { padding: 9px; display: block; border:1px solid #ccc; position: relative;   background: #fff; float: left; margin-left:20px;  }
.styleB li.first-child {  margin: 0;}
.styleB li .thumbWrap {  }
.styleB li .date { color: #999; font-size: 11px;  }

.castWidgetWrap { background: #333;  padding:15px 10px; width:960px; }
.castWidgetWrap .right { padding-right: 10px; }
.castWidget {  }
.castWidget.styleB li { border:none; padding: 10px; margin: 10px; width: 280px; border-bottom: 3px solid #ff6100; box-shadow: 0 1px 3px #222; }
.castWidget.styleB li .title { width:215px; float: left; }
.castWidget.styleB li .title a { line-height: 30px; font-size: 18px; }
.castWidget.styleB li .userThumb { float: right; }
li .user { padding-top: 5px; font-size: 12px; }
li .user a { font-weight: bold; color: #FF6100; }

.castSlideControll {}
.castSlideControll ul { text-align: center;}
.castSlideControll ul li { display: inline-block; *display:inline; zoom:1; padding:5px 10px;  }
.castSlideControll ul li a { display: block; overflow:hidden; text-indent:-9999px; background: url(../images/slide_controller.png) right no-repeat; height: 20px; width: 20px;  }
.castSlideControll ul li.on a { background-position: left; } 


.castList.styleB {  }

.castList.styleB li { margin: 0; margin-bottom: 10px; padding: 8px; width:652px; }

.castList.styleB li .thumbWrap { width:326px; margin-right: 10px; float: left; }
.castList.styleB li .thumbWrap div.wrap { float: left; position: relative; border:1px solid #fff; float:}
.castList.styleB li .thumbWrap div.single { float: left; position: relative; width: 326px;}

.castList.styleB li .thumbWrap div.pop { display: none; position: absolute; height: 20px; padding:0 0 10px 20px; background: url(../images/category_pop_l.png) left no-repeat; left:25px; top:-15px; line-height: 20px; font-size: 11px; z-index: 9999; }
.castList.styleB li .thumbWrap div.pop span { display: block; float:left;  white-space: nowrap; background: url(../images/category_pop_r.png) right no-repeat; padding-right: 7px; text-indent:-13px;}

.castList.styleB li .thumbWrap div:hover .pop { display: block; }
.castList.styleB li .thumbWrap img {  left; width:80px; height: 59px; }
.castList.styleB li .thumbWrap .img1 { width:160px; height: auto;}
.castList.styleB li .thumbWrap div.singleWrap { overflow: hidden; width: 324px; overflow: hidden; height: 118px; }
.castList.styleB li .thumbWrap div.singleWrap img { width:328px; margin-top: -60px; }
.castList.styleB li .thumbWrap div.wide { overflow: hidden; width: 162px; overflow: hidden; height: 59px; }
.castList.styleB li .thumbWrap div.wide img { width:164px; height: auto; margin-top: -30px; }
.castList.styleB li .infoWrap .title  { font-size: 18px; line-height: 30px;  height: 60px; padding-bottom:30px;}
.castList.styleB li .infoWrap a.name { font-weight: bold; color: #FF6100; }



.bestCastWidget li .categoryWrap { width:40px; height: 65px; background: #eee; float: left; margin-right: 5px; background: url(../images/cast_category.png) left no-repeat ; border-right: 1px solid #ddd;}
.bestCastWidget li a.title  { font-size: 14px; line-height: 20px; }
.bestCastWidget li.cate1 .categoryWrap { }
.bestCastWidget li.cate2 .categoryWrap { background-position: -40px center;  }
.bestCastWidget li.cate3 .categoryWrap { background-position: -80px center; }
.bestCastWidget li.cate4 .categoryWrap { background-position: -120px center; }
.bestCastWidget li.cate5 .categoryWrap { background-position: -160px center; }
.bestCastWidget li.cate6 .categoryWrap { background-position: -200px center; }
.bestCastWidget li.cate7 .categoryWrap { background-position: -240px center; }
.bestCastWidget li.cate8 .categoryWrap { background-position: -280px center; }
.bestCastWidget li.cate9 .categoryWrap { background-position: -320px center; }
.bestCastWidget li.cate10 .categoryWrap { background-position: -360px center; }
.bestCastWidget li .user { padding-top: 0; }


.unitWrap li .infoWrap {  }
.unitWrap li .infoWrap .title {   padding: 5px 0; line-height: 20px; font-size: 16px; font-weight: bold; color: #333; }
.unitWrap.styleB li .title { font-size: 14px  ; }
.unitWrap li .title { display:  block; padding: 0 0 5px; line-height: 20px; font-size: 16px; font-weight: bold; color: #333; }
.unitWrap li .title span { color: #ff6100;  }
.unitWrap li .tags { color: #777;  height: 25px; }
.unitWrap li .tags span { color: #ddd; }
.unitWrap li .downCount {  height: 25px; }
.unitWrap li .downCount b { color: #ff6100; }
.unitWrap li .values {   height: 25px;  }
.unitWrap li .values b {  color: #ff6100; }
.unitWrap li .desc { height: 25px; }
.unitWrap li .friends { height: 40px; margin-bottom: 5px;  }
.unitWrap li .friends a { display: inline-block; *display:inline; float: left; zoom:1; margin-right: 5px; }
.unitWrap li .friends a img { width: 40px; height: 40px;  vertical-align: middle; }
.unitWrap li .friends a.btnDangol { width: 90px; height: 40px; overflow: hidden; text-indent: -9999px; background-image: url(../images/btn_dangol.png); float: right;}
.unitWrap li .friends a.btnDangol.off { background-position: bottom; }
.unitWrap li .friends a.btnDangol.on { background-position: top; }
.unitWrap li .favorites { position: absolute; right: 14px; top:14px; }
.unitWrap li .favorites span { display: inline-block; *display:inline; zoom:1; padding-left: 30px; color: #666; }
.unitWrap li .favorites span.weekly { background: url(../images/icon_week.png) left center no-repeat; }
.unitWrap li .favorites span.total { background: url(../images/icon_total.png) left center no-repeat; }
.unitWrap li .recommend {  display: inline-block; *display:inline; zoom:1; padding-left:17px; background: url(../images/icon_recommend.png) left no-repeat; }
.unitWrap li .recommend b { color: #ff6100; }
.unitWrap li .couponFlag {  position: absolute; left: -3px; top:25px; background:url(../images/flag_coupon_l.png) left no-repeat; padding-left: 5px; height: 22px; font-size: 12px;   font-weight: bold; color: #fff; text-shadow: 0px 0px 3px #983a00; }
.unitWrap li .couponFlag span { display: block; background:url(../images/flag_coupon_r.png) right no-repeat; line-height: 18px; padding:0 7px 4px 2px; }
.unitWrap li .commentWrap { clear: both; margin-top: 7px; padding-top: 5px; border-top:1px dotted #ddd; }
.unitWrap li .commentWrap a { display: inline-block; *display:inline; zoom:1; }
.unitWrap li .commentWrap a span { color: #333; font-weight: bold; }
.unitWrap li .commentWrap a.add { margin-top:4px; }

.peopleWrap li .thumbWrap {  }

.couponList.styleB { display: block; clear: both; width: 100%; }
.couponList.styleB li { padding: 14px; display: block; border:1px solid #ccc; position: relative;   background: #fff; float: none; margin:0 0 10px 0; }
.couponList.styleB li.first-child {  }
.couponList.styleB li .thumbWrap { float:left; margin-right: 10px; }

.couponList li .infoWrap {  }
.couponList li.dim { background: #f2f2f2; }
.couponList li.dim img { opacity: 0.6; }
.couponList li .infoWrap .store { padding: 0px 0 3px; }
.couponList li .infoWrap .store a { font-size: 14px; font-weight: bold; color: #666; }
.couponList li .infoWrap .date { font-size: 14px; }
li a.shareBtn { display: none; position: absolute; width: 30px; height: 30px; background: url(../images/copuon_share.png) ; z-index: 999;text-indent: -9999px; right:-1px; top:-1px; }
li:hover a.shareBtn { display: block; cursor: pointer; }
.couponList li a.shareBtn:hover {  }
.couponList li .downWrap { position: absolute; width: 149px; height: 148px; background: #fff; right:0px; top: 0px; border-left: 2px dashed #ccc; }
.couponList li .downWrap a { display: block; height: 109px; overflow: hidden; text-indent: -9999px; background: url(../images/coupon_down.png) center no-repeat; }
.couponList li .downWrap a:hover  {background: url(../images/coupon_down_on.png) center no-repeat; }
.couponList li .downWrap .cnt { display: block; height: 20px; padding: 9px 0  ; border-top:1px dotted #ccc; text-align: center; line-height: 20px;  font-size: 14px; }
.couponList li .downWrap .cnt b {  color: #ff6100; }

#content section myTitleStyle { padding-bottom: 16px; display: inline-block; *display:inline; zoom:1; float: left;}

.couponList li .sharedownWrap { position: absolute; width: 149px; height: 148px; background: #fff; right:0px; top: 0px; border-left: 2px dashed #ccc; }
.couponList li .sharedownWrap a { display: block; height: 109px; overflow: hidden; text-indent: -9999px; background: url(../images/coupon_sharedown.png) center no-repeat; }

.couponList li .sharedownWrap .cnt { display: block; height: 20px; padding: 9px 0  ; border-top:1px dotted #ccc; text-align: center; line-height: 20px;  font-size: 14px; }
.couponList li .sharedownWrap .cnt b {  color: #ff6100; }
.couponList li .sharedownWrap .cnt span { color: #999; }
 
.unitWrap li .favorites img.frequenterImg { vertical-align: bottom; padding-top:20px; }
.friends b.spanOther{ vertical-align:bottom; color:#777; }


.couponList li.dim .sharedownWrap { background: #f2f2f2; }
.couponList li .sharedownWrap.delete a {  background: url(../images/coupon_delete.png) center no-repeat; }



.headCount { float: left; padding-right: 10px; padding-top:0; font-size: 16px; }
.headCount.small { float: right; padding-right: 10px; padding-top: 0px; font-size: 12px; }
.headCount b.orange { color: #FF6100; }
.headCount em { font-style: normal; color: #ccc; }

ul.headFilter { float: right; }
ul.headFilter li { float: left; line-height: 20px; color: #ddd; }
ul.headFilter a {}

.storeHead.cast {   }
.storeHead.cast a { padding-top: 5px; }
.storeList .commentWrap a { padding-left: 20px; background:  url(../images/icon_comment.png) left no-repeat; }
.storeList .openClose { position: absolute; width:63px; height: 20px; right:14px; top:73px; background-image: url(../images/store_openclose.png);   }
.storeList .openClose.open { background-position: top; }
.storeList .openClose.close { background-position: bottom; }
.storeList li { width:640px; }

.storeList li .date { color: #999; }
.storeList li .date span { color: #ccc; }
.storeList li .date .delete { font-weight: bold; color: #666 !important; }
.storeList li .date img { vertical-align: middle; padding-left: 2px; }

.storeList li.bestStore .bottomWrap a { color: #FF6100; font-weight:bold; }
.storeList li.bestStore .thumbWrap { padding-bottom: 10px;}
.storeList li.bestStore .title { font-size: 24px; padding-bottom: 10px; height: 30px; }
.storeList li.bestStore .friends { padding-top:5px; }
.storeList li bottomWrap a {}
.unitWrap .ranking { display: block; background: url(../images/flag_rank_l.png) no-repeat; color: #fff; text-shadow: 0px 0px 3px #983a 900ref00; width: 30px; height: 20px;  position: absolute; top:13px; left:19px; padding: 3px 0 9px; text-align: center; font-weight: bold; font-size: 14px;}
.unitWrap .ranking.rank1 {  background: url(../images/flag_rank_l_1.png) no-repeat; width:40px;   height: 38px; overflow: hidden; text-indent: -9999px;}
.rankingList { padding: 0px 0px;  overflow: hidden; display: block; }
.rankingList.main { padding: 0px 3px; }
.rankingList.styleA li { width:301px; padding: 20px 17px 25px 16px; border-top: none; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; display: inline-block; *display:inline; zoom:1;   margin:0 0 -1px -1px; }
.rankingList.main.styleA li {  width:300px; padding: 15px 12px 15px 11px; border-top: none; border-left: 1px solid #ddd; display: inline-block; *display:inline; zoom:1;  margin: 0px; border-bottom: none; }
.rankingList li:last-child { border-right:1px solid #ddd; }
.rankingList li .titleWrap { border-bottom: 1px solid #ff6100; margin-bottom: 10px;  }
.rankingList li .titleWrap .title { font-size: 16px; } 
.rankingList li .thumbWrap { float: left; }
.rankingList.styleA li .thumbWrap img { width: 64px; }
.rankingList.main.styleA li.first-child { border: none; padding-left: 12px; }
.rankingList li .infoWrap .title { padding-top: 2px;  font-size: 13px; color: #555;  }
.rankingList li .rankings { position: relative; padding-top: 5px; border-top:1px solid #ddd; border-top:1px dotted #ccc; }
.rankingList li .rankings .rank { position: absolute; left:0px; top:5px; height: 18px; width: 13px; display: block; }
.rankingList li .rankings.first-child { padding-top:0; border: none; }
.rankingList li .first-child .rank { background: url(../images/flag_rank_s_1.png) no-repeat;  top:0px; }
.rankingList li .second-child .rank { background: url(../images/flag_rank_s_2.png) no-repeat; }
.rankingList li .third-child .rank { background: url(../images/flag_rank_s_3.png) no-repeat; }
.rankingList li .bottomWrap { padding:3px 5px 0 0px; border-top:1px solid #ddd; margin-top:4px; } 
.rankingList li .bottomWrap span, .rankingList.styleA li .bottomWrap a  { display:inline-block; line-height: 20px; }
.rankingList li .bottomWrap .name { padding-left: 18px; background:  url(../images/icon_profile.png) left no-repeat; margin-right: 10px; }
.rankingList li .bottomWrap .date { color: #999; font-size: 11px; }
.talkListWidget li .infoWrap { height: 50px; }
.talkListWidget li .infoWrap .title { font-size: 14px; padding: 3px 0 0; }
.talkListWidget li .recommend { position: absolute; right: 14px; top:14px;  }
.couponListWidget.styleA li { border-top:1px dashed #ccc; }
.couponListWidget li .infoWrap .title { font-size: 14px; padding: 3px 0 5px; }
.couponListWidget li .thumbWrap { width:104px; }
.couponListWidget li .thumbWrap img { width:104px; height: auto; }
.couponListWidget li .downCountWrap {  }



.storeView li .infoWrap a.title { font-size: 24px; padding-bottom: 10px; text-indent: -2px; }
.storeView .extraInfo table { border-top:2px solid #ccc; width:310px; margin-top: 10px;}
.storeView .extraInfo th { padding-right: 10px; vertical-align: top; }
.storeView .extraInfo th, .storeView .extraInfo td { border-bottom: 1px solid #ddd; padding: 3px 10px 3px 1px; }
.storeView .friends { position: absolute; top:214px; left: 344px; }
.storeView li .favorites { top:34px; }

.storeView { margin-bottom: 20px; }

.storeInfoWrap { margin-bottom: 20px; padding: 15px;  }
.storeInfoWrap table { width:100%;}
.storeInfoWrap table th, .storeInfoWrap table td  { padding: 5px; border-top: 1px solid #ddd; vertical-align: top; text-align: left; line-height: 160%; font-size: 12px; } 
.storeInfoWrap table th { text-indent: 5px; border-top: 2px solid #999; color: #333; }
.storeInfoWrap table td.useInfo span { display: inline-block; *display:inline; zoom:1; border: 1px solid #ccc; background-color: #eee; background-position: left; padding: 0 5px 0 30px; line-height: 25px; background-repeat: no-repeat; border-radius: 3px; }
.storeInfoWrap table td.useInfo span.vp { background-image: url(../images/icon_vp.png) }
.storeInfoWrap table td.useInfo span.p { background-image: url(../images/icon_p.png); padding-left: 25px; }
.storeInfoWrap table td.useInfo span.r { background-image: url(../images/icon_r.png); padding-left: 25px; }
.storeInfoWrap table td.useInfo span.g { background-image: url(../images/icon_g.png) }
.storeInfoWrap table td.useInfo span.c { background-image: url(../images/icon_g.png) }
.storeInfoWrap table td.useInfo span.d { background-image: url(../images/icon_d.png) }



.talkWrite { padding: 9px; margin-bottom: 10px; }
.talkWrite .thumbWrap { width:120px; float: left; margin-right: 10px;}
.talkWrite .thumbWrap .name  { display: block; padding: 5px 0 10px; text-align: center; font-weight: bold; font-size: 14px;  }
.talkWrite .reviewArea { height: 110px; width:510px; padding: 4px; border:1px solid #ddd; background: #eee; }
.talkWrite .buttonM.addPhoto { width: 80px; background: url(../images/btn_add_pic.png) ; }
.talkWrite .buttonM.reviewWrite { width: 80px; margin-left: 5px; background: url(../images/btn_write.png) ; }
.talkWrite .buttonWrap { float: right; padding-top: 5px; line-height: 26px; }
.talkWrite .buttonWrap span { display: inline-block; *display:inline; zoom:1; margin-right: 10px;  }
.talkWrite .buttonWrap span label {   font-size: 14px; font-weight: bold; }
.talkWrite .buttonWrap span input {   vertical-align: middle; }


.replyWrap {   border-top:1px dotted #ddd;  padding: 10px 5px 0;}
.replyWrap .replyList {}
.replyWrap .replyList .reply { margin-bottom: 5px; padding:4px 9px; border:1px solid #ccc; background: #eee; width:80%; border-radius: 5px; position: relative; }
.replyWrap .replyList .reply span { display: block; color:#999; font-size: 10px; padding-top: 3px; }
.replyWrap .replyList .reply span a { font-weight: bold; color: #999; }
.replyWrap .replyList .reply.right { text-align: right; background: #fffee4; border: 1px solid #e1e0be; }
.replyWrap .replyWrite { padding:5px 0 0; border-top:1px dotted #ccc; }
.replyWrap .replyWrite input { width: 540px; font-size: 12px; }

.rankingWidget li { width:160px; height: 190px; }
.rankingWidget .ranking { left:14px; top:8px; } 

.modalBg { position: fixed; width:100%; height: 100%; background: url(../images/70b.png); z-index: 9998; top:0px; }
.modal {   position: fixed; top:50%; left:50%; z-index: 9999;   }

#storeGallery { width:800px; height:600px; margin-left: -400px; margin-top:-350px; }

#storeGallery .imgWrap { width:800px; height: 600px; background: #000; position: relative;  }
#storeGallery .imgArrow { width:100px; height: 100px; overflow:hidden; text-indent:-9999px;  display: block; position: absolute; top:50%; margin-top: -50px; background-image:url(../images/btn_BigArrow.png);   }
#storeGallery .imgArrow.prev { background-position: left top; left:-100px; }
#storeGallery .imgArrow.next { background-position: right top; right:-100px; }
#storeGallery .imgArrow.prev:hover { background-position: left bottom; }
#storeGallery .imgArrow.next:hover { background-position: right bottom; }

#storeGallery .galleryNav { display: block; text-align: center;  margin-top:10px;}
#storeGallery .galleryNav li {  display: inline-block; *display:inline; zoom:1; width:60px; height: 60px; background: url(../images/store_gallery_thumb_none.png); margin: 0 2px; position: relative;}
#storeGallery .galleryNav li .edit { display: block; width:20px; height: 20px; top:-7px; right:-7px; background: url(../images/icon_delete.png); position: absolute; }
#storeGallery .galleryNav li a { display: block; float: left; }
#storeGallery .galleryNav li.arrowWrap { width:30px; }
#storeGallery .galleryNav li.arrowWrap a { width:30px; height: 60px; overflow:hidden; text-indent:-9999px;  display: block; background-image:url(../images/btn_SmallArrow.png);  }
#storeGallery .galleryNav li.arrowWrap a.prev { background-position: left top; }
#storeGallery .galleryNav li.arrowWrap a.next { background-position: right top; }
#storeGallery .galleryNav li.arrowWrap a.prev:hover { background-position: left bottom; }
#storeGallery .galleryNav li.arrowWrap a.next:hover { background-position: right bottom; } 
#storeGallery h3 { padding: 5px; }
#storeGallery .galleryClose { width:40px; height: 40px; overflow:hidden; text-indent:-9999px;  display: block;  background-image:url(../images/store_gallery_close.png); background-position: top; }
#storeGallery .galleryClose:hover { background-position: bottom; }

#storeMapModal { margin:-335px 0 0 -480px;  }

#storeMapModal .mapWrap { border:1px solid #ccc; border-top: none; }
#storeMapModal .head { border:1px solid #ccc; background: #fff;}
#storeMapModal .head h2 { float: left; padding-left: 10px; font-size: 16px; line-height: 30px; color: #333; }
#storeMapModal .head a { float: right; }

.storeFlag { position: absolute; width:40px; height:50px; top:13px; }
.storeFlag span { font-weight: bold; display: block; padding-top: 15px; color: #fff; text-align: center; overflow: hidden;  text-shadow: 0px 1px 1px #333;}
.storeFlag.rank { background:url(../images/store_flag_rank.png); left:13px;  }
.storeFlag.rank.first { background:url(../images/flag_rank_l_1.png); left:13px; text-indent: -9999px;  }
.storeFlag.coupon {  background:url(../images/store_flag_coupon.png); left:56px; }
.storeFlag.coupon span {  color: #FF6100; text-shadow: 0px 1px 1px #fff;  }

.peopleList { width:700px; }
.peopleList li, .peopleList li.first-child { width:310px; display: block; float:left; margin:0 10px 10px 0; } 
.peopleList li .thumbWrap { float: left; margin-right: 10px; }
.peopleList li .location { position: absolute; right: 10px; top:10px; color: #999; }
.peopleList li .infoWrap .title { padding-top: 0px; }
.peopleList .ranking { top:-2px; left:-2px; }
.peopleList .addFriend { position: absolute; height: 20px; width:60px; overflow: hidden; text-indent: -9999px;   display: block; right:10px; top:35px; background: url(../images/add_friend.png) top no-repeat; }
.peopleList .addFriend.wating { background-position: center; }
.peopleList .addFriend.cancel { background-position: bottom; }
.peopleList .inventBtn { position: absolute; height: 20px; width:60px; overflow: hidden; text-indent: -9999px;   display: block; right:10px; top:35px; background: url(../images/add_friend_ok.png); } 

.peopleList .checkbox { position: absolute; height: 20px; width:60px;   text-align: right;  display: block; right:10px; top:35px;} 
 
.peopleList li .introWrap { padding:5px 0 0; margin-top: 5px; border-top:1px dotted #ddd; color: #666; }
.peopleList li .commentWrap b { display: block; padding-bottom: 5px;}
.peopleList li .commentWrap b span { color: #FF6100; }

.talkList li, .talkList li.first-child {  width:650px; position: relative; display: block; float:left; margin:0 0 10px 0; } 
.talkList li .thumbWrap { float: left; margin-right: 10px; }
 
.talkList li .thumbWrap.small img {   height: 50px; width: auto; }
.talkList li .name { color: #666;  }
.talkList li .title b { color: #FF6100; }
.talkList li .judgeWrap {  }
.talkList li .date { position: absolute; right: 10px; top:10px; color: #999; }
.talkList li .date span { color: #ccc; }
.talkList li .date .delete { font-weight: bold; color: #666; }
.talkList li .date img { vertical-align: middle; padding-left: 2px; }
.talkList li .infoWrap .title { padding-top: 0px;  margin-right: 20%;}
.talkList li .storeInfo {   color: #333;padding-right: 10px; line-height: 20px; }
.talkList li .storeInfo b { color: #FF6100;  }
.talkList li .tags { height: 20px; font-size: 11px; line-height: 20px; }
.talkList li .like {  }
.talkList .ranking { top:-2px; left:-2px; }

.talkList li .type { position: absolute; left: -40px; top:5px; height: 30px; width:40px; background: url(../images/feed_type.png); }
.talkList li .type.talk {  }
.talkList li .type.comment { background-position: 0 -30px; }
.talkList li .type.friend { background-position: 0 -60px; }
.talkList li .type.cast { background-position: 0 -90px; }
.talkList li .type.message { background-position: 0 -120px; }
.talkList li .type.store { background-position: 0 -150px; }
.talkList li .type.coupon { background-position: 0 -180px; }
 
.talkList li .commentWrap { padding:10px; line-height: 150%; }
.talkList li .commentWrap .imgWrap { position: relative; display: block;  width:90px; height: 60px; float: left; margin: 2px 10px 2px 0; line-height: 60px; overflow: hidden;}
.talkList li .commentWrap .imgWrap img { width:100%; height: auto;  }
.talkList li .commentWrap .imgWrap span { width:30px; height: 30px; display: none; position: absolute; background: url(../images/img_popup.png); bottom:15px; right:30px;  }
.talkList li .commentWrap .imgWrap:hover span { display: block; }

.talkList li .judgeWrap { position: absolute;   right:9px; top: 30px; }
li .footWrap { padding: 5px ; border-top:1px solid #ccc; line-height: 20px;   }
li .usefulWrap { float: left; }
li .usefulWrap a.usefulBtn { width:70px; height: 20px; display: inline-block; *display:inline; zoom:1; background: url(../images/useful_btn.png) top no-repeat;  overflow: hidden; text-indent: -9999px;  }
li .usefulWrap a.usefulBtn.off { width:60px;  background-position: bottom; }
li .usefulWrap b { color: #FF6100;  }
.talkList li .comments { float: right; color: #ddd; }

.talkList li .commentWrite { background:  url(../images/btn_comment.png); width:60px; float: right; }


#category {}

#category .depth1 { height: 60px; padding: 0 10px; background: url(../images/category_bg.png); border-left:1px solid #ed5a00; border-right: 1px solid #ed5a00; }
#category .depth1 ul { float: left; display: block; }
#category .depth1 li { padding: 0 5px; margin: 0 12px; display: block; position: relative; float: left; } /*추가*/
#category .depth1 li a { background-position: top; width: 60px; height: 60px;  display: block; }
#category .depth1 li a.all { background-image: url(../images/category_all.png); }
#category .depth1 li a.food { background-image: url(../images/category_food.png); }
#category .depth1 li a.cafe { background-image: url(../images/category_cafe.png);}
#category .depth1 li a.drink { background-image: url(../images/category_drink.png);}
#category .depth1 li a.shopping { background-image: url(../images/category_shopping.png);}
#category .depth1 li a.beauty { background-image: url(../images/category_beauty.png);}
#category .depth1 li a.edu { background-image: url(../images/category_edu.png);}
#category .depth1 li a.bank { background-image: url(../images/category_bank.png);}
#category .depth1 li a.culture { background-image: url(../images/category_culture.png);}
#category .depth1 li a.life { background-image: url(../images/category_life.png);}
#category .depth1 li a.health { background-image: url(../images/category_health.png);}
#category .depth1 li.on, #category .depth1 li:hover { background-image: url(../images/category_on.png); }
#category .depth1 li.on a, #category .depth1 li:hover a { background-position:0 -55px; }

#category .depth1 li div.pop { display: none; position: absolute; height: 20px; padding:0 0 10px 20px; background: url(../images/category_pop_l.png) left no-repeat; left:35px; top:-30px; line-height: 20px; font-size: 11px;  z-index: 999; }
#category .depth1 li div.pop span { display: block; float:left;  white-space: nowrap; background: url(../images/category_pop_r.png) right no-repeat; padding-right: 7px; text-indent:-13px;}
#category .depth1 li:hover div.pop { display: block;  }

/* 카테고리 카운트 */

#category .depth1 li .count { position: absolute; z-index: 9999;  height: 22px; padding-left: 11px; background: url(../images/category_count_l.png) left no-repeat; left:45px; top:-6px; }
#category .depth1 li .count span { display: block; height: 22px; line-height: 22px; color: #fff; padding-right: 11px;  background: url(../images/category_count_r.png) right no-repeat;  }

#category.mystore_cate .depth1 {   background: url(../images/category_bg.png); padding: 0 4px;  }
#category.mystore_cate .depth1 li { padding: 0 3px; margin: 0 0px; display: block; position: relative; float: left;  }   
#category.mystore_cate .depth1 li .count { display: none; }
#category.mystore_cate .depth1 li:hover .count { display: block; }
#category.mystore_cate .depth1 li.on, #category.mystore_cate .depth1 li:hover { background: url(../images/category_on_my.png) center no-repeat; }
#category.mystore_cate .depth1 li.on a, #category.mystore_cate .depth1 li:hover a { background-position:0 -60px; }
#category.allView .depth1 li { padding: 0 0px; margin: 0 0px; display: block; position: relative; float: left;  }
#category.mystore_cate  .depth1 li.on  .count { display: block; }
 
#category.noneSub .depth1 {   background: url(../images/category_bg.png); padding: 0 4px;  }
#category.noneSub .depth1 li {  display: block; position: relative; float: left;  }   
#category.noneSub .depth1 li.on, #category.noneSub .depth1 li:hover { background: url(../images/category_on_my.png) center no-repeat; }
#category.noneSub .depth1 li.on a, #category.noneSub .depth1 li:hover a { background-position:0 -60px; }
 
 
 
 

#filterOption { border: 2px solid #ccc; width: 666px; background: #eee; height: 26px;  padding: 18px; width:630px;  }
#filterOption ul { float: left;}
#filterOption ul li { float: left; margin-right: 15px; line-height: 24px;  }
#filterOption ul li input { margin-right: 8px; vertical-align: middle;}
#filterOption a { float: right; height: 26px; text-indent:-9999px; display: inline-block; *display:inline; zoom:1;}
#filterOption a.confirm { width: 90px; background : url(../images/filter_acept.png) top left no-repeat; }
#filterOption a.init { width: 70px;   background : url(../images/filter_refresh.png) top left no-repeat;   }

#pagination { display: block;  width:100%; padding-top:10px;}
#pagination ul { text-align: center; }
#pagination ul li {   display: inline-block; *display:inline; zoom:1; font-size: 14px; color:#666; }
#pagination ul li a {   display: inline-block; *display:inline; zoom:1; font-size: 14px; line-height: 20px; padding: 0 5px; }
#pagination ul li.on a { font-weight: bold; color: #000; text-shadow: 0px 1px 0px #fff; }
#pagination ul li.arrow { margin:  0 50px;}


#pagination.widgetPage ul li.arrow { margin:  0 10px;}
#pagination.widgetPage { margin-top: 10px; }

#recentsearch {  }
#recentsearch h4 { display: block; float: left; padding-left: 10px;line-height: 20px; }
#recentsearch ul {   float: left; display: block; width:70%; height:20px;  }
#recentsearch ul li {  display: block;  float: left; padding-left: 20px; position: relative;}
#recentsearch ul li a {  line-height: 20px; display: block;  float: left;  }
#recentsearch ul li a.favoritePlace {  width: 20px;  text-indent: -9999px;  background: url(../images/star.png) 0 0 no-repeat; cursor: pointer; }
#recentsearch ul li a.favoritePlace.on { background: url(../images/star.png) 0 -20px no-repeat; }
#recentsearch ul li:hover a.favoritePlace { background: url(../images/star.png) 0 -20px no-repeat; }

#recentsearch ul li div.pop { display: none; position: absolute; height: 20px; padding:0 0 10px 20px; background: url(../images/category_pop_l.png) left no-repeat; left:25px; top:-25px; line-height: 20px; font-size: 11px;  z-index: 999; }
#recentsearch ul li div.pop span { display: block; float:left;  white-space: nowrap; background: url(../images/category_pop_r.png) right no-repeat; padding-right: 7px; text-indent:-13px;}
#recentsearch ul li:hover div.pop { display: block;   }



#appInfo { background: url(../images/appintro.png) center no-repeat; height: 2070px;  }

#myStyle { float: right; padding: 15px 5px; position: relative;}
#myStyle a.myStyleBtn {  text-indent: -9999px; overflow: hidden; display: inline-block; *display:inline; zoom:1; width:110px; height: 30px; background: url(../images/category_fit.png); position: relative; z-index: 99; }
#myStyle .myStyleSelector { position: absolute; right:0px; top:50px; background: #fff;  z-index: 88; background: #FD7D3A; width:100px; padding: 5px 9px 9px;  border:1px solid #EB5A1D; border-top:none;  }
#myStyle .myStyleSelector h4 { padding: 0 5px 5px; }
#myStyle .myStyleSelector select { display: block; margin-bottom: 10px; padding: 4px; border:1px solid #EB5A1D; width:100px; }
#myStyle .myStyleSelector a { display: inline-block; *display:inline; zoom:1; background: #fff; width: 100px; height: 26px; background: url(../images/category_fit_acept.png); overflow: hidden; text-indent: -9999px; }


#category .depth2 { display: block; padding: 9px 9px 4px;  line-height: 20px; background: #fff; border: 1px solid #ccc; border-top:none;}
#category .depth2 li {}
#category .depth2 .on a { font-weight: bold; color: #ff6100;  }
#category .depth2 a { display: block; float: left; height:20px; width:120px; padding-bottom: 5px; text-align: center;}

#pagenation {}
#pagenation ul {}
#pagenation ul li {}
#pagenation ul li a {}
#pagenation ul li a.on


footer { border-top:1px solid #ddd; }
footer .copyright { text-align: center; font-size: 11px; font-family: Arial, Helvetia, sans-serif; padding: 10px 0 80px; border-top:2px solid #666; }
footer .copyright b { color: #ff6100; }

#bottomLoc { padding: 15px 10px; border-bottom: 1px solid #ccc; }
#bottomLoc ul { }
#bottomLoc ul li {   padding: 0 5px }
#bottomLoc ul li.logo { color: #ff6100; font-weight: bold; border:none;    }

#bottomMenu { padding: 20px 0 20px;  }
#bottomMenu ul { display: block; text-align: center; }
#bottomMenu ul li { padding: 0 10px; border-left: 1px solid #ddd; }
#bottomMenu ul li.first-child { border:none; }


.noneListWrap { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.noneListWrap .titleArea { background: url(../images/none_list_bg.png); width: 670px; height: 260px; text-align: center;}
.noneListWrap .titleArea h4 { font-size: 16px; color: #333; line-height: 24px; font-weight: normal; }
.noneListWrap .titleArea h4 span { color:  #ff6100; font-weight: bold; }
.noneListWrap .subArea { padding: 20px; background: #fff; border:1px solid #ccc; border-bottom: none; border-top:1px solid #ddd; text-align: center; }

.widgetNoneWrap { padding: 9px; border:1px solid #ccc; background: #eee; text-align: center;}
.widgetNoneWrap img {  }
.widgetNoneWrap span { display: block; text-align: center; font-size: 14px; font-weight: bold; color: #999;  padding-bottom: 20px;}

/*마이페이지*/

#loginWrap.none { border-top:none !important; }

.mypageTitle { background-image:url(../images/mypage_title.png); padding: 8px; height: 24px; text-align: right; }
.peoplepageTitle { background-image:url(../images/peoplepage_title.png); padding: 8px; height: 24px; text-align: right; }

.mypagemenuWrap.styleA { display: block; background: #fff; border:1px solid #ccc; clear: both; overflow: hidden;}
.mypagemenuWrap.styleA li { display: block; border-top:1px solid #ddd; position: relative; clear: both; }
.mypagemenuWrap.styleA li.first-child { border:none; }
.mypagemenuWrap.styleA li a { font-size: 14px; font-weight: bold; display: block; }
.mypagemenuWrap.styleA li a span { display: inline-block; *display:inline; zoom:1; height: 40px; width:40px; margin-right:5px; vertical-align: middle; background-image:url(../images/mypage_icon.png);  }
.mypagemenuWrap.styleA li a span.menu2 { background-position: 0 -40px; }
.mypagemenuWrap.styleA li a span.menu3 {background-position: 0 -80px;}
.mypagemenuWrap.styleA li a span.menu4 {background-position: 0 -120px;}
.mypagemenuWrap.styleA li a span.menu5 {background-position: 0 -160px;}
.mypagemenuWrap.styleA li a span.menu6 {background-position: 0 -200px;}
.mypagemenuWrap.styleA li a span.menu7 {background-position: 0 -240px;}
.mypagemenuWrap.styleA li a:hover { font-size: 14px; font-weight: bold; background: #f1f1f1; }

.friendSearch .form { border:none; background: url(../images/form_s.png); height: 26px; padding: 0; text-indent: 5px;  width: 100px;  }
.frendsSearchResult { padding: 9px;
font-size: 14px;
border: 2px solid #CCC;
position: relative;
background: #eee;
margin-bottom: 20px; }
.frendsSearchResult b { color: #ff6100; }


.peoplepageTitle .addFriend { height: 20px; width:60px; margin-top: 2px; overflow: hidden; text-indent: -9999px;   display: block; float: right; background: url(../images/add_friend.png) top no-repeat; }
.peoplepageTitle .addFriend.cancel { background-position: bottom; }
.peoplepageTitle .addFriend.wating { background-position: center; }




.textWrap { padding: 19px; border:1px solid #ccc; background: #fff; }
.textWrap h3, .textWrap h4 { padding: 20px 0 10px; font-size: 18px; }
.textWrap p.title { font-weight: bold; font-size: 14px; padding-left: 0; }
.textWrap p { padding: 10px; }
.textWrap ul li { padding: 10px 5px; }


.formWrap {  }

.cateSelect { width:120px; }

.storeListWidget.styleA li { border-top:1px solid #cccccc; padding: 9px; }
.storeListWidget.styleA li:hover { background: #eee; }
.storeListWidget.styleA li .thumbWrap { width:60px; }
.storeListWidget.styleA li .thumbWrap img { width:60px; height: auto; }
.storeListWidget.styleA li .tags { height: 20px; }
.storeListWidget li .infoWrap .title { font-size: 14px; padding: 3px 0 5px; }
.storeListWidget li .thumbWrap { width:104px; }
.storeListWidget li .thumbWrap img { width:104px; height: auto; }
.storeListWidget.styleA li .infoWrap .title { padding: 0 0 2px; }
.storeListWidget.styleA li .tags { float: left; }
.storeListWidget li.selected { background: #eee; }
/* 캐스트 작성 */

.castWriteStoreWrap { padding: 9px; border:1px solid #ccc; background: #eee;}

.castWriteStoreWrap .w680 { width:660px; border-right: 1px dotted #ccc; padding-right: 10px; margin-bottom: 0 !important; }
.castWriteStoreWrap .right { color: #666; }



.casteWriteStore.styleB { display: block; clear: both; width: 100%; margin-bottom: 0; }
.casteWriteStore.styleB li { padding: 14px; display: block; border:1px solid #ccc; position: relative;   background: #fff; float: none; margin:0 0 10px 0; height: 90px; }
.casteWriteStore.styleB li .thumbWrap { float:left; margin-right: 10px; margin-left: 40px;}
.casteWriteStore.styleB li .thumbWrap img { width:120px; }
.casteWriteStore li .infoWrap {  }
.casteWriteStore li .infoWrap .store { padding: 0px 0 3px; }
.casteWriteStore li .infoWrap .store a { font-size: 14px; font-weight: bold; color: #666; }
.casteWriteStore li .number { position: absolute; height: 118px; top:0px; left:0px; line-height: 118px; font-size: 24px; color: #ccc; background: #eee; width:40px; text-align: center; text-shadow: 0px 1px 0px #fff; border-right: 1px solid #ccc; } 
.casteWriteStore li.active .number { color: #666; }
.casteWriteStore li.done .number { color: #ff6100; background: #eee; }

.casteWriteStore li.dim { background: #eee; border:1px dotted #ccc; }
.casteWriteStore li .guideText { line-height: 90px; font-size: 16px; color: #666; padding-left: 50px; } 
.casteWriteStore li.dim  .guideText { line-height: 90px; font-size: 16px; color: #ccc; padding-left: 50px; } 

.casteWriteStore .controller { position: absolute; top:4px; right:4px; }
.casteWriteStore .controller a { display: block; width: 30px; height: 30px;  opacity: 0.4; cursor: pointer;}
.casteWriteStore .controller a.delete { margin: 10px 0; }
.casteWriteStore .controller a:hover { opacity: 1.0;}
.writeTextWrap { padding: 9px; border:1px solid #ccc; background: #fff; margin-bottom: 0 !important;}
.writeTextWrap table { width:100%; border-bottom:1px dotted #ddd;   }
.writeTextWrap th { border-top:1px solid #ddd; padding: 10px; text-align: left; font-weight: bold; color: #333; font-size: 14px; width:30px; vertical-align: middle; background: #fff; background: #eee; vertical-align: top;}
.writeTextWrap th span { font-weight: bold; color: #ff6100; }
.writeTextWrap td { border-top:1px dotted #ddd;    padding: 10px; text-align: left; color: #666;  }
.writeTextWrap td ul li { display: inline-block; *display:inline; zoom:1; padding-right: 15px; }
.writeTextWrap td p { color: #666; padding: 5px 0px 0px !important;font-size: 11px; }
.writeTextWrap .required { padding:0 10px 10px; text-align: left; }
.writeTextWrap .required span { font-weight: bold; color: #ff6100; }
.writeTextWrap h4 { padding: 10px 10px 10px; font-size: 14px; color: #ff6100;  }
.writeTextWrap p { padding: 0 10px 10px; color: #666; }
.textInput { height: 20px;
padding: 2px 5px;
border: 1px solid #DDD;
font-size: 12px;
color: #666;
line-height: 20px;
border-radius: 3px; } 
.textInput.small { height: 14px; font-size: 12px; }
.textInput.small.phone {  } 

#qnaWrite.writeTextWrap { border-bottom: 1px solid #ccc; }
#qnaWrite.writeTextWrap table th { width:120px; }


/*seller*/

.sellerNav { padding: 9px; border:1px solid #ccc; background: #eee; margin-bottom: 20px; }
.sellerNav .right { padding: 2px; }
.sellerNav ul {  border-right: 1px solid #fff; border-left: 1px solid #ccc; display: block;  }
.sellerNav ul li { display: inline-block; *display:inline; zoom:1; float: left;}
.sellerNav ul li a {  display: block; float: left; line-height: 30px; height: 30px; padding: 0 10px 0 30px;  background-image:url(../images/seller_icon.png);   border-left: 1px solid #fff; border-right: 1px solid #ccc; background-repeat: no-repeat;  }
.sellerNav ul li.menu2 a { background-position: 0 -30px; }
.sellerNav ul li.menu3 a {background-position: 0 -60px;}
.sellerNav ul li.menu4 a {background-position: 0 -90px;}
.sellerNav ul li.menu5 a {background-position: 0 -120px;}
.sellerNav ul li.menu6 a {background-position: 0 -180px;}
.sellerNav ul li a:hover { background-color: #ddd; color: #333; text-decoration: none;  border-left: 1px solid #ddd;}

.imgEditBtn { display: block; position: absolute; top:224px; left:19px; }
.infoWidget b { color: #ff6100;  }
.infoWidget { padding: 14px; border: 1px solid #ccc; background: #fff; margin-top: 40px; }
.infoWidget .dataTable { width: 100%; margin-bottom: 20px; }
.infoWidget .dataTable th { vertical-align: top; text-align: left; border-bottom: 2px solid #666; width:100px; padding: 10px 5px; }
.infoWidget .dataTable td { border-bottom: 1px dotted #ccc; padding:10px 5px; text-align: right; }

.infoWidget .filterTable { width: 100%; margin-bottom: 20px; }
.infoWidget .filterTable th { vertical-align: top; text-align: left; border-bottom: 2px solid #666; width:80px; padding: 10px 5px; }
.infoWidget .filterTable td { border-bottom: 1px dotted #ccc; padding:10px 5px; text-align: left; line-height: 20px;}


.box { padding: 14px; border: 1px solid #ccc; background: #fff;   }

.depositTable { width:100%; border:1px solid #ccc; }
.depositTable th { padding: 10px; background: #ccc;  border-bottom: 2px solid #666; font-size: 14px; border-top:1px solid #666;}

.depositTable td { line-height: 20px; padding: 10px; border-bottom: 1px solid #ccc; text-align: center; border-left: 1px dotted #ccc;   }
.depositTable .printBtn { padding-left: 23px; background: url(../images/icon_print.png) left no-repeat;  }

#couponMake { width: 600px; margin-left: -315px; margin-top:-270px; }
#friendMsg { width: 600px; margin-left: -315px; margin-top:-150px; }
#buyItem { width: 500px; margin-left: -265px; margin-top:-200px; }
#editPw { width: 400px; margin-left: -215px; margin-top:-150px; }


.modal .writeTextWrap { padding: 5px; border: none; }

.tabHead { display: block;  margin: 10px auto 5px;  }
.tabHead li { width:49%; border-bottom: 2px solid #999; float: left; display: block; height: 40px; }
.tabHead li.active { border: 2px solid #999; border-bottom: none; }
.tabHead li a { display: block; font-size: 16px; font-weight: bold; color: #666; text-align: center; line-height: 40px; }
.tabHead li a:hover { text-decoration: none; color: #333; }
.tabHead li.active a { border:1px solid #fff; background: #eee; color: #333; line-height: 38px; }

.tabHead.three li { width: 33%; }

.writeTextWrap .buttonWrap { padding: 10px 10px 0; text-align: center; }
.modal .modalClose { width:30px; height: 30px; overflow:hidden; text-indent:-9999px;  display: block;  background-image:url(../images/modal_close.png); }

.modal.box h3 { padding:10px 10px 0; }

#modalMsg { width:300px; height: 140px; margin-left: -165px; margin-top: -115px; }
#modalMsg .message { font-size: 14px; line-height: 160%; text-align: center; margin-top: 5px; padding: 10px 0; border-top: 1px solid #ccc; }
#modalMsg .message b { color: #ff6100;  }
#modalMsg h3.text { font-size: 16px; padding: 5px;  }



.joinTypeImg {}

.chartWrap { position: relative;   border-right:1px dotted #ccc; padding-top:20px; }
.chartWrap h4 { position: absolute; top:5px; font-size: 14px; color: #333; z-index: 9999; left:20px;  }
.printBtn { cursor: pointer; }
.todayDate { display: none; }



#p404 {}

#p404 .copyright { border:none; }

.p404Header { height: 380px; background: url(../images/404_bg.png) center no-repeat #5d6066; margin-bottom: 120px;}
.p404Header .bgLine { background: url(../images/404_line_bg.png) ; height: 380px; }
.p404Header .bgLine  img { display: block; padding-top: 160px; margin: 0 auto; }

.p404Wrap { text-align: center; }
.p404Wrap a { margin: 20px 0 40px; display: block; }


.pointHeader { border-bottom: none; background: #eee; }
.pointHeader .left { font-size: 24px; line-height: 40px; padding: 0 10px;}
.pointHeader .right { font-size: 30px; font-family: Arial, Helvetica, sans-serif; color: #666; line-height: 30px; padding: 10px 10px 0;}
.pointHeader .line, .pointContent .line { margin: 10px 0; border-top:1px dotted #ccc; }
.pointHeader b { color: #ff6100; }
.pointHeader table { width: 100%;  }
.pointHeader table td { width: 33%; padding: 0 10px; font-size: 14px; color: #666;  }

.pointContent b { color: #ff6100; }
.pointContent { padding: 0px; }
.pointContent .pointTable { width: 100%; margin-bottom: 20px;}
.pointContent .pointTable th { padding:5px 10px; background: #666; color: #fff; border:1px solid #333; border-bottom: 2px solid #333; }
.pointContent .pointTable td { text-align: center; padding: 10px;border: 1px dotted #ccc;  border-bottom:1px solid #ccc; }
.pointContent p { padding:10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }


.couponItemWrap {   }
.couponItemWrap li { display: block; float: left; width: 160px; text-align: center; }
.couponItemWrap li a { display: block; float: left;  padding: 9px; border:1px solid #fff; }
.couponItemWrap li a:hover { background: #eee;  text-decoration: none; border:1px solid #ccc;}
.couponItemWrap li img { width:140px; height: auto; margin-bottom: 5px; }
.couponItemWrap li .title { padding: 3px 0; font-size: 14px; font-weight: bold; color: #333; }
.pointContent h3 { font-size: 16px;  color:  #ff6100; padding-bottom: 5px;  }


#buyItem .buyMsg { line-height: 26px; }
#buyItem .buyMsg span { font-weight: bold; }
#buyItem b { color:  #ff6100; }
#buyItem th { text-align: center; } 
#buyItem td img { float: left; margin-right: 10px; }
#buyItem td li { padding: 3px 0; }
#buyItem .infoWrap { padding: 40px 0;  font-size: 14px;  }
#buyItem .infoWrap .title { font-weight: bold; color: #333;  padding: 5px 0; font-size: 16px; }



.friendTable { width: 100%; }

.friendTable th { padding: 7px; background: #CCC;
border-bottom: 2px solid #666;
font-size: 14px;
border-top: 1px solid #666; }
.friendTable td { padding: 7px; border-bottom: 1px solid #ccc; text-align: center; }
.friendTable td a { color:  #ff6100; font-weight: bold;}

.widgetPagination li { display: block; float: left; }
.widgetPagination li a { background: url(../images/pagination_round.png) bottom no-repeat; overflow:hidden; text-indent:-9999px; display: inline-block; *display:inline; zoom:1;  width: 20px; height: 20px; cursor: pointer; }
.widgetPagination li a.on, .widgetPagination li a:hover{ background-position: top; }

#payment b { color: #ff6100; }  

.paymentAgree { width: 49%; }
#payment h3.title { padding: 10px; font-size: 16px; }
#payment h4.title { padding: 10px; font-size: 14px; color:  #333; }
.paymentAgree .termWrap { padding: 10px; overflow-y: scroll; height: 200px; border:1px solid #ccc;  background: #eee; color: #666;  }
.paymentAgree .termWrap h3 { width:100%; }
.paymentAgree .agreeWrap { padding: 10px; }

.tabRight { height: 50px; border-bottom:2px solid #999; }

#payment p { padding: 0 10px; }
#payment .buttonWrap { padding:20px 10px 0; text-align: right; }

.paymentTable { width:100%; border:1px solid #ccc; }
.paymentTable th { padding: 5px; background: #eee;  border-bottom: 2px solid #ccc; font-size: 12px; border-top:1px solid #ccc;}
.paymentTable td { line-height: 20px; padding: 10px; border-bottom: 1px solid #ccc;   border-left: 1px dotted #ccc;   }
.paymentTable td.price { font-size: 14px; color: #666; text-align: right; }
.paymentTable td b { color: #ff6100; }
.paymentTable td.price span { color: #666; text-decoration: line-through }
.paymentTable td.price em { font-size: 11px; font-style: normal; }
.paymentTable td.select { text-align: center; }
.paymentTable td.time { text-align: center; }
.paymentTable .bg td { background: #eee; }


#payment .infoWrap { color: #333; font-size: 14px; padding: 10px; line-height: 20px; }
#payment .infoWrap span { border-bottom: 2px solid #ff6100;   } 
#payment .infoList { color: #333; font-size: 14px; padding: 10px 5px 0; border-top:1px dotted #ccc; }
#payment .infoList li { padding-bottom: 10px; padding-left: 15px; background:  url(../images/bull_join.png) left top no-repeat; line-height: 20px;}

.paymentWrap { border:2px solid #ccc; padding: 8px; margin: 10px; background: }

.paymentColumn { width:432px; padding: 0 20px; }

.paymentColumn.left { border-right:1px dotted #ccc;}

.paymentColumn.right { text-align: right; font-size: 14px; line-height: 160%;}

.finishMent { background:  url(../images/payment_comp.png) 30px 10px no-repeat; font-size: 14px; line-height: 160%; height: 220px; padding: 20px 10px 10px 260px;}



#couponPrint { padding: 20px; background: url(../images/bg.png); }

#couponPrint section { width:680px; }


#couponPrint h2 { padding: 0 0 10px 10px; font-size: 18px; font-weight:bold; }

#couponPrint .couponList li { background: url(../images/logo.png) right top no-repeat #fff;  } 
#couponPrint .couponList li .tip { padding-top:5px; color: #999; }
#couponPrint .couponList li .date { color: #666; } 
#couponPrint .couponList li .tip b { color:  #ff6100;}

#couponPrint .tableWrap {  }
#couponPrint table { width:100%; }
#couponPrint table th, #couponPrint table td  { padding: 5px; border-top: 1px solid #ddd; vertical-align: top; text-align: left; line-height: 160%; font-size: 12px; } 
#couponPrint table th { text-indent: 5px; border-top: 2px solid #999; color: #333; }

.couponTip { padding: 20px 10px 10px; }
.couponTip li { padding: 0 0 10px 20px; background: url(../images/bull_tip.png) left 3px no-repeat; line-height: 22px; font-size: 14px; }
.couponTip b { color: #333; }
.couponTip span { color: #ff6100; font-weight: bold; }
.couponTip  {  }
#couponPrint .tableWrap h3 { padding:5px; }

.couponNumber { padding:5px 0 20px 15px; font-size: 18px; font-weight: bold; }
.couponNumber b { color: #ff6100; }

#couponPrint .buttonWrap { text-align: center; padding-top: 15px; border-top:1px dotted #ccc; }

.onoffToggle { display: block; background: url(../images/onoff.png) top no-repeat; height: 24px; overflow: hidden; width:70px; text-indent: -9999px; }
.onoffToggle.off { background-position: bottom; }

#sellerReport h3 { padding-top: 10px; border-bottom: 1px solid #ccc; float: none !important; margin-bottom: 10px;} 
#sellerReport .tableWrap { padding:10px; }

.reportTable { width:100%; border:1px solid #ccc; }
.reportTable th { padding: 10px; background: #eee;  border: 1px dotted #ccc; border-bottom: 1px solid #999;   font-size: 14px; border-top:1px solid #666;}
.reportTable td { line-height: 20px; padding: 10px; border-bottom: 1px solid #ccc; text-align: center; border-left: 1px dotted #ccc;   }
